<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/
bootstrap.min.css">
    <link rel="stylesheet" href="./index.css">
    <title>master分支-标题</title>
</head>
<body>
    <!-- 公共部分 -->
    <div class="container1">
        <div class="wrap clearfix">
            <div class="wrap-left">
                <h2>黑马头条</h2>
                <a href="../content/content.html"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-text" viewBox="0 0 16 16">
                    <path d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
                    <path d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z"/>
                  </svg>内容管理</a>
                <a href="../publish/publish.html"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-airplane" viewBox="0 0 16 16">
                    <path d="M6.428 1.151C6.708.591 7.213 0 8 0s1.292.592 1.572 1.151C9.861 1.73 10 2.431 10 3v3.691l5.17 2.585a1.5 1.5 0 0 1 .83 1.342V12a.5.5 0 0 1-.582.493l-5.507-.918-.375 2.253 1.318 1.318A.5.5 0 0 1 10.5 16h-5a.5.5 0 0 1-.354-.854l1.319-1.318-.376-2.253-5.507.918A.5.5 0 0 1 0 12v-1.382a1.5 1.5 0 0 1 .83-1.342L6 6.691V3c0-.568.14-1.271.428-1.849Zm.894.448C7.111 2.02 7 2.569 7 3v4a.5.5 0 0 1-.276.447l-5.448 2.724a.5.5 0 0 0-.276.447v.792l5.418-.903a.5.5 0 0 1 .575.41l.5 3a.5.5 0 0 1-.14.437L6.708 15h2.586l-.647-.646a.5.5 0 0 1-.14-.436l.5-3a.5.5 0 0 1 .576-.411L15 11.41v-.792a.5.5 0 0 0-.276-.447L9.276 7.447A.5.5 0 0 1 9 7V3c0-.432-.11-.979-.322-1.401C8.458 1.159 8.213 1 8 1c-.213 0-.458.158-.678.599Z"/>
                  </svg>发布文章</a>
            </div>
            <div class="wrap-right">
                <div class="wrap-right-top">
                    <a href=""><span class="quit">退出</span></a>
                    <a href=""><span class="nickname">昵称</span></a> 
                </div>
                <form  class="wrap-right-down">
                    <!-- 内容管理框 -->
                    <div class="wrap-right-down-first">
                            <h4>内容管理</h4>
                            <hr>
                        <label class="form-label">状态:</label>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="status" value id="all" checked>
                            <label for="all" class="form-check-label">全部</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="status" value="1" id="all" >
                            <label for="all" class="form-check-label">待审核</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="status" value="2" id="all" >
                            <label for="all" class="form-check-label">审核通过</label>
                        </div>
                        <div class="channel-check">
                            <label for="channel_id">频道：</label>
                        <select name="channel_id" id="channel_id" class="form-select">
                            <option value="" selected="">请选择文章频道</option>
                            <option value="1">频道1</option>
                            <option value="2">频道2</option>
                            <option value="3">频道3</option>
                        </select>
                        </div>
                        <div class="btn-check1 btn">筛选</div> 
                    </div>
                       
                    
                    <!-- 内容展示框 -->
                    <div class="wrap-right-down-last">
                        <table class="display-list">
                            <tr class="display-list-tr1 tr">
                                <td>封面</td>
                                <td>标题</td>
                                <td>状态</td>
                                <td>发布时间</td>
                                <td>阅读数</td>
                                <td>评论数</td>
                                <td>点赞数</td>
                                <td>操作</td>
                            </tr>
                            <tbody class="align-middle art-list">
                                <tr>
                                    <td>
                                        <img src="https://img2.baidu.com/it/
                                        u=2640406343,1419332367&amp;fm=253&amp;fmt=auto&amp;app=138&amp;f=JPEG?
                                        w=708&amp;h=500" alt="">
                                    </td>
                                    <td>文章标题</td>
                                    <td>
                                        <span>审核通过</span>
                                        <span>待审核</span>
                                    </td>
                                    <td>
                                        <span>2025-03-22 04:11:18</span>
                                    </td>
                                    <td>
                                        <span>0</span>
                                    </td>
                                    <td>
                                        <span>0</span>
                                    </td>
                                    <td>
                                        <span>0</span>
                                    </td>
                                    <td>
                                        <a href="" class="edit"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16">
                                            <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"></path>
                                            <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"></path>
                                          </svg></a>
                                        <a href="" class="del"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
                                            <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"></path>
                                            <path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"></path>
                                          </svg></a>
                                    </td>
                                </tr>
                                
                            </tbody>
                            
                        </table>
    
                        <!-- 前进后退操作 -->
                        <nav>
                            <ul class="pagination">
                                <li class="page-item prev">
                                    <a href="javascript:;"><<</a>
                                </li>
                                <li class="page-item page-now">第1页</li>
                                <li class="page-item next">
                                    <a href="javascript:;">>></a>
                                </li>
                                <li class="total-count prev">共3页</li>
                            </ul>
                        </nav>
                    </div>
                    
                </form >
                
            </div>
        </div>
    </div>
  
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"></script>
    <script src="../../form-serialize.js"></script>
    <script src="../utils/request.js"></script>
    <script src="../utils/alert.js"></script>
    
    <script src="../utils/auth.js"></script>
    <script src="./index.js"></script>
</body>

</html>